<template>
  <div id="app">
    <HmChild :user-name="userName" :age='age' :is-single="isSingle" :car="car" :hobby='hobby' />
  </div>
</template>

<script>
import HmChild from './components/HmChild.vue'
export default {
  name: 'App',
  components: {
    HmChild
  },
  data(){
    return {
      userName:'张三',
     age:18,
      isSingle:true,
      car:{ name:'劳斯莱斯'},
      hobby:['篮球','足球','羽毛球']
    }
  },
  methods: {
    changeMsg(title){
      this.msg = title
    }
  }
}
</script>

<style>
#app{
  width: 600px;
  height: 600px;
  border: 4px solid cyan;
}
</style>